@color1:#aaa;
@color2:rgb(0,175,206);
@minHeight:0.6rem;
@minWidth:1.5rem;

.nowrap{
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bgWhite{
  background-color: white;
  overflow: hidden;

  .title{
    font-size: 0.35rem;
    font-weight: bold;
  }

  .vipLabel{
    padding: 0.2rem;
  }

  .btn{
    height: 2em;
    line-height: 2em;
    background-color: rgb(25,156,213);
    width: 2.2rem;
    margin: 0.5rem auto 0.2rem auto;
    text-align: center;
    color: white;
    border-radius: 1em 1em;
  }

  .whiteSpace{
    background-color: rgb(237,246,251);
    height: 0.3rem;
  }

  .custom{
    padding: 0.2rem;

    .input{
      display: flex;

      .itemEdit{
        height: 0.6rem;
        line-height: 0.6rem;
        padding: 0 0.2rem;
        flex:1;
        text-align: left;
        background-color: rgb(242,247,247);
        border:none;
      }

      .add{
        width: 1rem;
        text-align: center;
        line-height: 0.6rem;
        color: @color2;
      }
    }
  }


  .offent{
    padding: 0.2rem;

    .all{
      min-height: @minHeight;
    }
  }


}


.gray{
  color: @color1;
}


.icon{
  float: right;
}

.item{
  display: inline-block;
  border: 2px solid @color2;
  color: @color2;
  border-radius: 0.1rem 0.1rem;
  font-size: 0.35rem;
  padding: 0 0.2rem;
  margin: 0.1rem 0.2rem 0.1rem 0;
  text-align: center;
  height: @minHeight;
  line-height: @minHeight;
  min-width: @minWidth;
}

.itemActive{
  .item;
  background-color: rgb(25,156,213);
  color: white;
}

.itemEdit{
  .item;
  border-style: dashed;
  width: @minWidth;
  text-align: left;
}

.hr{
  margin: 0.2rem 0;
  color: @color1;
}
